<template>
  <div>
    hello info component
    <button type="button" @click="add()">添加</button>
  </div>
</template>

<script>
// 使用vuex组件（@符号代表src这个目录）
import store from '@/store'
export default {
  name: 'Info',
  store,
  methods: {
    add () {
      // 注意弹窗是阻塞的，点击关闭后才会再执行下面的
      alert('弹窗')
      console.log('add Event from info!')
      // f12模式下会进入debug
      debugger
      // 提交一个increase事件，被mutations捕捉，执行对应的increase方法
      store.commit('increase')
    }
  }
}
</script>

<style scoped>

</style>
